<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>验证箭头函数没有this指针</title>
</head>
<body>

    <script>
        // var obj1 = {
        //     name:"obj1",
        //     obj2:{
        //          foo:function()
        //          {
        //             console.log(this);
        //          }
        //     }
        // }
        // obj1.obj2.foo();

        //  var obj1 = {
        //     name:"obj1",
        //     obj2:{
        //          foo:()=>{
        //             console.log(this);
        //          }
        //     }
        // }
        // obj1.obj2.foo();

       
        // var obj1 = {
        //     name:"obj1",
        //     foo:function()
        //     {
        //         var bar = ()=>
        //         {
        //             console.log(this);
        //         }

        //         return bar;
        //     }
        // }

        // obj1.foo()()

               
        // var obj1 = {
        //     name:"obj1",
        //     foo:()=>
        //     {
        //         var bar = ()=>
        //         {
        //             console.log(this);
        //         }

        //         return bar;
        //     }
        // }

        //  obj1.foo()();
        
        // var fn = obj1.foo();
        // fn();
 
    </script>
    
</body>
</html>